.sidebarHover:hover{
  width: 210px !important;
  text-align: inherit;
}
.sidebarHover .logoText{display: none}
.sidebarHover:hover .logoText{display: initial}

.logo-img{padding:7px 10px 0 20px}

.sidebarHover:hover{left: 0 !important}

/* :host /deep/ .sidebarHover:hover .ui-panelmenu-content-wrapper{
  display: block
}
:host /deep/ .sidebarHover:hover .ui-menuitem-text{
  display: initial
}
:host /deep/ .sidebarHover:hover .ui-panelmenu-icon.pull-right{
  display: initial
}
:host /deep/ .sidebarHover .ui-panelmenu-content-wrapper{display: none}
:host /deep/ .sidebarHover .ui-menuitem-text{display: none}
:host /deep/ .sidebarHover .ui-panelmenu-icon.pull-right{display: none} */
.sidebar {
  position: fixed;
  left: 0;
  z-index: 999;
  transition: .2s;
}
.sidebarMenu {
 width: 100%;height: 100%;
 overflow-y: auto;
 box-shadow: 2px 10px 20px #333333;
}
.bg-f5f8fa{background: #f5f8fa}

.container {
  transition: .2s
}
.nosidebar-nav{z-index: 990;height: 60px;box-shadow: 0px 0px 14px #dcdcdc;display: flex;align-items: center;position: fixed;width: 100%;background: #fff;}
.nosidebar-nav>div{margin: 0 auto;width: 1340px;padding: 0 20px;box-sizing: border-box;}
.navtop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  line-height: 50px;
  background: #474f5d 
}

.nav span:hover {
  cursor: pointer;
  transition: .3s;
  color: #fff
}

.nav span {
  color: #eaeaea
}


.logoText .version {
  padding: 0px 5px;
  border-radius: 16px;
  background: #1fa131;
  width: 33px;
  position: absolute;
  top: 2px;
  line-height: initial;
  font-size: 12px;
  left: 90%;
}
.logoText .version::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 8px;
    width: 5px;
    height: 5px;
    background: #1a0;
    transform: rotate(-45deg);
}

.p-lr-25 {
  padding: 0 25px
}

.p-t-5 {
  padding-top: 5px
}

.user-img {
  width: 37px;
  height: 37px;
  border-radius: 50%
}

.imgIcon {
  width: 40px;
  height: auto;
}

.loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999
}

:host /deep/ .sidebar .ui-state-default a {
  color: #eee;
}

.logoutBtn {
  position: relative;
}

.logoutBtn .content {
  position: absolute;
  right: -2px;
  top: -1px;
  width: 198px;
  font-size: 14px;
  color: #333;
  border: 1px solid #dadada;
  background-color: #fff;
  box-shadow: 1px 1px 8px #d6d6d6;
  -webkit-box-shadow: 1px 1px 8px #d6d6d6;
  -moz-box-shadow: 1px 1px 8px #d6d6d6;
}
:host /deep/ .saas-container .ui-overlaypanel{
  right:0 !important;
  top: 50px !important;
}
.saas-container{min-height:100%}
.min-height-100pre{min-height: 100%}
.all-page.container{transition: 0s !important;width:1340px;margin:0 auto !important;padding-top:60px !important;height: calc(100% - 60px) !important;padding-bottom: 20px}
:host /deep/ .all-page.container .ui-panel.ui-widget.ui-widget-content{border:none !important;box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.05);border-radius: 6px !important}
:host /deep/ .all-page.container .ui-panel-titlebar.ui-widget-header{border-color:#f1f1f1}
.logoutBtn .content .btns {
  line-height: 38px;
  padding-left: 9px;
  cursor: pointer;
}
.logoutBtn .content .btns:hover{
  background-color: #ebf8ff !important;
  color: inherit !important;
}

.logoutBtn .content .btns i {
  padding-right: 9px;
  color: #333;
  opacity: .6;
}

.logoutBtn .content .btns.btn-cog {
  border-bottom: 1px solid #dadada;
}

.logoutBtn .content .img-detial {
  padding: 5px 10px 16px;
  border-bottom: 1px solid #dadada;
}

.logoutBtn .content .userType,
.logoutBtn .content .phone {
  display: block;
  line-height: 24px;
  padding-left: 8px;
}

.logoutBtn .content .userType {
  line-height: 17px;
}

.logoutBtn .content .userType .userTypeText {
  opacity: .6;
}

.logoutBtn .content .userType i {
  font-style: normal;
  color: #333;
}

:host /deep/ .logoutBtn .fa {
  top: 55%;
  left: 18%;
}

*::-webkit-scrollbar {
  width: 0px;
  height: 16px;
  background-color: #f5f5f5;
}


/*定义滚动条的轨道，内阴影及圆角*/

.sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 10px;
  background-color: #f5f5f5;
}


/*定义滑块，内阴影及圆角*/

.sidebar::-webkit-scrollbar-thumb {
  /*width: 10px;*/
  height: 20px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #ccc;
}


/* 新消息弹窗 */


.saas-bell{
  line-height: 53px;
  float: right;
  height: 50px;
  color: #e8eaf1;
  margin-right: 30px;
}
.saas-bell .fa-bell{
  font-size: 20px;
}
.saas-bell .fa-bell:hover{
  cursor: pointer;
}
.saas-bell .saas-bell-ripple{
  position: absolute;
  width: 8px;
  height: 8px;
  left: 100%;
  top: 0;
  transform: translateY(-50%) translateX(-50%);
  background-color: red;
  border-radius: 50%;
}
.saas-bell .saas-bell-ripple:after{
  content: '';
  display: inline-block;
  position: absolute;
  -webkit-animation: dotRipple 2s infinite cubic-bezier(0, 0, 0.2, 1);
  animation: dotRipple 2s infinite cubic-bezier(0, 0, 0.2, 1);
  left: 50%;
  top: 50%;
  background: red;
  opacity:0.6;
  margin-top:  -1px;
  margin-left: -1px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
}

@keyframes dotRipple {
  form {transform:scale(2);opacity:0.9}
  to   {transform:scale(15);opacity:0}
}
@-webkit-keyframes dotRipple{
  form {transform:scale(2);;opacity:0.9}
  to   {transform:scale(15);opacity: 0}
}